<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Overview</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="../css/bootstrap.css" rel="stylesheet">
    <link href="../css/bootstrap-responsive.css" rel="stylesheet">
     <link href="../css/docs.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    
    
    
    <style type="text/css">
      body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
	  
	  
	
    </style>
   

    
   
  </head>

  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
        <a class="brand" href="#">DairyVIP Project</a>
          <div class="nav-collapse collapse">
         
            <ul class="nav">
              <li ><a href="../jsp/index.jsp">Home</a></li>
              <li><a href="../jsp/acknowledgements_contro.jsp">Acknowledgements/Contributors</a></li>
              
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>


      <div class="container">
<div class="hero-unit">
            <img src="../images/new-header3.jpg" alt="bg3"  class="img-polaroid" />
          </div>      
<% 

String registermsg="";
if(request.getAttribute("registerMessage")!=null){
	registermsg=request.getAttribute("registerMessage").toString();
}


if(!registermsg.equals("")) {out.print(registermsg);


Integer pageId=(Integer)request.getAttribute("pageId");

if(pageId!=null){
if(pageId==1) out.print(" ");
else out.print("<p>Please <a href='../jsp/register.jsp')>regsiter again</a></p>");
}
}

String loginmsg="";
if(request.getAttribute("loginMessage")!=null){
	loginmsg=request.getAttribute("loginMessage").toString();
}
if(!loginmsg.equals("")) out.print(loginmsg);
%>


          <form  class="form-horizontal" action="../jsp/loginSubmit" method="post">
          
    <legend>Log In</legend>     
 <div class="control-group">
    <label class="control-label" for="inputEmail">Username</label>
     
    <div class="controls">
 <input  type="text"  id="email" name="email" placeholder="Username" style=" font-size:90%;">
    </div>
    </div>           
           
<div class="control-group">
    <label class="control-label" for="inputPassword">Password</label>
    <div class="controls">
 <input  type="password" id="password" name="password"  style=" font-size:90%;" placeholder="Password">
    </div>
    </div>   
 <div class="control-group">
    <div class="controls">
              <button type="submit" class="btn">Log In</button>
   </div></div>               
            </form>
     
     


      <hr>

      <footer class="footer">
       <%@ include file="../inc/footer.html" %>
      </footer>

    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    
    
  <script type="text/javascript" src="../js/jquery.js"></script>
  <script src="../js/bootstrap.js"></script>
<script type="text/javascript" src="../js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="../js/jquery.color.js"></script>
<script type="text/javascript" src="../js/placeholder.js">
  </body>
</html>
